import React from 'react';
import { Link } from 'react-router-dom';
import { X } from 'lucide-react';
interface CookieBannerProps {
  onAccept: () => void;
}
export function CookieBanner({
  onAccept
}: CookieBannerProps) {
  return <div className="fixed bottom-0 left-0 right-0 bg-carbon-black border-t border-gray-800 p-4 md:p-6 z-50">
      <div className="container mx-auto flex flex-col md:flex-row items-start md:items-center justify-between">
        <div className="mb-4 md:mb-0 md:mr-8">
          <p className="text-sand-light mb-2">
            We use cookies to enhance your adventure on our site. By continuing
            to browse, you agree to our use of cookies.
          </p>
          <Link to="/privacy" className="text-outdoor-orange hover:underline">
            Learn more about our privacy policy
          </Link>
        </div>
        <div className="flex items-center space-x-4">
          <button onClick={onAccept} className="bg-outdoor-orange hover:bg-climbing-red text-white font-display px-6 py-2 rounded transition-colors">
            ACCEPT ALL
          </button>
          <button onClick={onAccept} className="text-sand-light hover:text-white">
            <X size={24} />
          </button>
        </div>
      </div>
    </div>;
}